<!-- 服务列表 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	
	ul.serverList{
		width: 100%;
		background-color: #fff;
		>li{
			padding: 30px;
			height: 240px;
			margin-top: 8px;
			background-color:#fff;
			border-bottom:1px solid #e1e1e1;
			a{
				display: block;
				width: 100%;
				height: 100%;
				position: relative;
				@include clearfloat;
				div.imgC{
					width: 186px;
					height: 186px;
					float: left;
					border-radius: 4px;
					border:1px solid #eee;
				}
				div.word{
					width: 480px;
					float: right;
					height: 100%;
					position: relative;
					padding-top: 15px;
					div.title{
						font-size: 30px;
						color: #333;
					}
					div.dist{
						height: 80px;
						font-size: 24px;
						color: #333;
						@include line_clamp(2);
						line-height: 40px;
					}
					div.label{
						width: 100%;
						@include clearfloat;
						padding-top:8px;
						.time{
							float: left;
							padding: 0 14px;
							display: inline-block;
							height: 33px;
							background-color:#c1dbf1;
							color: #fff;
							border-radius: 5px;
							line-height: 33px;
							font-size: 22px;
						}
						div.PViews{
							float: left;
							font-size: 24px;
							margin-left: 30px;
							color: #666;
							i{
								font-size: 24px;
								color: #e1e1e1;
								margin-right: 8px;
							}
						}
						
						
					}
				}

			}

		}

	}

</style>

<template>
	<ul class="serverList">
		<li>
			<router-link to="#">
				<div class="imgC"><img src="images/serverlist.jpg"></div>
				<div class="word">
					<div class="title">0.1月嫂一天的服务内容有什么？</div>
					<div class="dist">刺激泌乳素分泌，新妈妈产后第一次哺乳达萨达萨达李开复了；豆腐块 三闾大夫水淀说说...</div>
					<div class="label">
						<div class="time">作者：好孕妈妈</div>
						<div class="PViews"><i class="iconfont">&#xe6ab;</i> 2349次</div>
					</div>
				</div>
			</router-link>
		</li>
		<li>
			<router-link to="#">
				<div class="imgC"><img src="images/serverlist.jpg"></div>
				<div class="word">
					<div class="title">0.1月嫂一天的服务内容有什么？</div>
					<div class="dist">刺激泌乳素分泌，新妈妈产后第一次哺乳达萨达萨达李开复了；豆腐块 三闾大夫水淀说说...</div>
					<div class="label">
						<div class="time">作者：好孕妈妈</div>
						<div class="PViews"><i class="iconfont">&#xe6ab;</i> 2349次</div>
					</div>
				</div>
			</router-link>
		</li>
		<li>
			<router-link to="#">
				<div class="imgC"><img src="images/serverlist.jpg"></div>
				<div class="word">
					<div class="title">0.1月嫂一天的服务内容有什么？</div>
					<div class="dist">刺激泌乳素分泌，新妈妈产后第一次哺乳达萨达萨达李开复了；豆腐块 三闾大夫水淀说说...</div>
					<div class="label">
						<div class="time">作者：好孕妈妈</div>
						<div class="PViews"><i class="iconfont">&#xe6ab;</i> 2349次</div>
					</div>
				</div>
			</router-link>
		</li>
		
	</ul>
</template>

<script>
	export default {
		data(){
			return {
				
			}
		},
		computed: {
	    	// getData(){
	    	// 	return this.$store.getters.getDataVal;
	    	// }
	    	
	    },
	    watch:{
	    	// getData(obj){

	    	// }
	    }

	}
</script>
